<template>
  <div>
    <!-- <dv-active-ring-chart
      :config="configs"
      style="width: 300px; height: 300px"
    /> -->
    <dv-percent-pond
      :config="configs"
      style="width: 200px; height: 100px; margin-left: 100px; top: 75px"
    />
  </div>
</template>

<script>
// import AV from "leancloud-storage";

export default {
  data() {
    return {
      configs: {
        value: 90,
        borderWidth: 5,
        borderRadius: 10,
        borderGap: 5,
      },
    };
  },
  // mounted() {
  //   this.getdata();
  // },
  // // 方法
  // methods: {
  //   getdata() {
  //     // 获取数据
  //     const con = new AV.Query("chart");
  //     con.find().then((res) => {
  //       console.log(res, "res");
  //       // 弄一个空白的数组，把数据放到空数组里面
  //       let Arrcon = [];

  //       // 使用map进行遍历
  //       res.map(function (item) {
  //         let sat = [];

  //         // 把数据进行添加到sav中
  //         sat.push(item.attributes.name);
  //         sat.push(item.attributes.value);
  //         // sat["name"] = item.attributes.name;
  //         // sat["value"] = item.attributes.value;
  //         let sata = { ...sat };
  //         console.log(sata, "b");
  //         Arrcon.push(sata);
  //         // console.log(sat, "sat");
  //       });
  //       console.log(Arrcon, "A");
  //       // configs里面的打他是Arrcon
  //       this.configs = {
  //         // radius: "40%",
  //         // activeRadius: "45%",
  //         data: Arrcon,
  //       };
  //     });
  //   },
  // },
};
</script>
